.container {
  border: 1px solid #ddd;
  border-radius: .4rem;
  padding-top: .5rem;
  background-color: #fff;
  + .container {
    margin-top: .5rem;
  }
}
.title {
  font-size: .9rem;
  color: #333;
  line-height: 2rem;
  padding: 0 1rem;
}
.line {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: .7rem;
  line-height: 1.2rem;
  padding: .2rem 1rem;
}
.label {
  color: #999;
  width: 4rem;
  flex-shrink: 0;
}
.value {
  color: #555;
  flex: 1;
}
.operate-line {
  height: 2.2rem;
  display: flex;
  border-top: 1px solid #e1e1e1;
  margin-top: .4rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.btn {
  position: relative;
  display: flex;
  flex: 1;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-size: .7rem;
  color: #555;
  &.active {
    background-color: #efefef;
  }
  &:first-child {
    border-bottom-left-radius: .4rem;
  }
  &:last-child {
    border-bottom-right-radius: .4rem;
  }
  + .btn {
    &::before {
      content: '';
      position: absolute;
      top: .4rem;
      bottom: .4rem;
      left: 0;
      border-right: 1px solid #e1e1e1;
    }
  }
}

.status {
  color: #fff;
  padding: .15rem .4rem;
  border-radius: .2rem;
  &.pass {
    background-color: var(--adm-color-primary);
  }
  &.wait {
    background-color: var(--adm-color-success);
  }
  &.close {
    background-color: #333;
  }
  &.unsubmit {
    background-color: var(--adm-color-warning);
  }
  &.unpass {
    background-color: var(--adm-color-danger);
  }
}